<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="网页关键词、网页描述、作者" content="width=device-width, initial-scale=1.0">
    <title>京东</title>
    <style>
        a {
            background-color: white;
            width: 280px;
            height: 40px;
            display: block;
            color: black;
            font-size: medium;
            font-family: 黑体;
        }
        
        a:link {
            text-decoration: none;
        }
        
        a:hover {
            color: #c81d2a;
            background-color: rgb(216, 211, 211);
            width: 280px;
            height: 40px;
        }
        /* span {
            background-color: grey;
            display: inline;
        }
        /* 行内元素设置宽高没有变化 */
        /* div {
            background-color: khaki;
            display: inline-block;
            height: 100px;
            width: 150;
        } */
        /* img{height: 300px;
        width: 400;} */
    </style>
</head>

<body>
    <!-- <a href="#">　
    　　我便在朋友面前，展纸、磨墨，写了四个字“常想一二”。</a>
    <a href="#">“俗话说‘人生不如意事十之八九’，</a>
    <span>对于好朋友，我一向都是有求必应的，于是为“常想一二”写了下联“不思八九”，上面又写了“如意”的横。</span>
    <span>　没想到又过了几个月，我被许多离奇的传说与流言困扰这样就会感到庆幸、懂得珍惜，不致被八九的不如意所打倒了。</span>
    <p>
        <div>我们生命里不如意的事情占了绝大部分</div>
        <div>这样就会感到庆幸、懂得珍惜，不致被八九的不如意所打倒了。</div>
    </p> -->

    <!-- <div>这样就会感到庆幸、懂得珍惜，不致被八九的不如意所打倒了。</div> -->


    <!-- <div>编程</div>
    <h1>课堂</h1>
    <h2>练习</h2>
    <img src="">
     <a href=""></a>
div 独占一行，可以设置宽高 -->

    <a href="#">家用电器</a>
    <a href="#">手机/运营商/数码</a>
    <a href="#">电脑/办公</a>
    <a href="#">家居/家具/家装/厨具</a>
    <a href="#">男装/女装/童装/内衣</a>
    <a href="#">女鞋/箱包/钟表/珠宝</a>
    <a href="#">男鞋/运动/户外</a>
    <a href="#">房产/汽车/汽车用品</a>
    <a href="#">母婴/玩具乐器</a>
    <a href="#">食品/酒类/生鲜/特产</a>
    <!-- <a href="" target=""></a> -->

</body>

</html>